<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>这是测试内容</p>
  </body>
  <script src="./jquery.js"></script>
  <script src="./jquery.setAttr.js"></script>
  <script>
    // $("p").setAttr("400px","200px","35px","pink","#0ff")
    /* 
    问题：如果传参过多，在调用时可能将其参数位置写错。
    解决上面问题办法是：
        把参数写成与顺序无关的对象形式
     */
    /*  $("p").setAttr({
      width: "400px",
      fontSize: "35px",
      color: "pink",
      background: "#0ff",
      height: "200px",
    }); */

    // 问题：如果用户在使用这个插件时，不传参或少传参，这时怎么办
    // $("p").setAttr() //全为默认值
    $("p").setAttr({background:"aqua",fontSize:"30px"})

  </script>
</html>
